.grid-panel {
    min-height: 800px;
}

.grid-panel .panel {
    height: 100%;
}

t-ui-grid {
    height: 100%;
    width: 100%;
}

.grid.ui-grid,
.ui-grid.ng-isolate-scope,
t-ui-grid .ui-grid {
    height: 100% !important;
}

.ui-grid-render-container-body .ui-grid-viewport {
    height: 100% !important;
}

.ui-grid-pager-panel {
    position: relative;
}

.c-ui-grid .ui-grid-cell-contents a {
    cursor: pointer;
}

.ui-grid-cell > div {
    padding: 3px;
}
.ui-grid-cell input,
.ui-grid-cell-contents .form-control,
.ui-grid-cell-contents input {
    /* width: 100%;
    height: 100%;
    border: 0 !important; 
    margin: 3px;
    border-radius: 5px !important;
    height: 25px !important;
    padding: 0 5px; */

    color: #666666;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: none;
    padding: 5px 10px;
}

.ui-grid-canvas {
    height: 100% !important;
    padding: 0 !important;
}

.c-ui-grid * {
    outline: none;
}

.c-ui-grid .ui-grid-contents-wrapper {
    height: initial;
    min-height: 400px;
}

.c-ui-grid.no-border.ui-grid,
.c-ui-grid.no-border .ui-grid-header-cell {
    border: none;
}

.c-ui-grid.no-border .ui-grid-cell {
    border-right: none;
}

.c-ui-grid.no-border .ui-grid-row:last-child .ui-grid-cell {
    border-bottom: 0 !important;
}

.c-ui-grid.no-border .expandableRow {
    border-bottom: 1px solid #dedede;
}

.c-ui-grid .ui-grid-top-panel {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.c-ui-grid .ui-grid-header {
    border-bottom: none;
}

.c-ui-grid .ui-grid-viewport {
    height: 100% !important;
}

.c-ui-grid .ui-grid-row {
    height: 100% !important;
}

.c-ui-grid .ui-grid-header-cell {
    /* height: 36px; */
    display: flex;
    align-items: center;
}

.c-ui-grid .ui-grid-cell-contents {
    font-weight: 400;
    font: 14px/16px "Roboto", sans-serif;
}

.c-ui-grid .ui-grid-cell {
    /* height: 36px !important; */
}

.c-ui-grid .ui-grid-cell-contents {
    word-break: break-all;
    /* white-space: normal; */
    /* display: flex;
    align-items: center; */
}
.ui-grid-contents-wrapper {
    z-index: 5;
}
.c-ui-grid .expandableRow {
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
    float: none !important;
}

.c-ui-grid .expandableRow > div {
    padding: 0 !important;
    margin-top: -1px;
}

.c-ui-grid .ui-grid-viewport {
    /* overflow: hidden !important; */
    overflow: visible !important;
    width: 100% !important;
}

.c-ui-grid .scrollFiller {
    border: none;
    width: 100%;
    height: 100%;
}

.c-ui-grid .expandableRow .ui-grid {
    border: 0 !important;
    width: 100%;
}

.c-ui-grid .expandableRow .ui-grid .ui-grid-contents-wrapper {
    min-height: auto;
}

.c-ui-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell,
.c-ui-grid .ui-grid-row:nth-child(even):hover .ui-grid-cell {
    background-color: #f3f3f3 !important;
}

.c-ui-grid .ui-grid-row:hover > [ui-grid-row] > .ui-grid-cell:hover .ui-grid-cell,
.c-ui-grid .ui-grid-row:nth-child(odd):hover .ui-grid-cell {
    background-color: #fdfdfd !important;
}

.c-ui-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background-color: #c9dde1 !important;
}

.c-ui-grid.expand-grid .ui-grid-row:nth-child(odd) .ui-grid-cell,
.c-ui-grid.expand-grid .ui-grid-row:nth-child(even) .ui-grid-cell,
.c-ui-grid.expand-grid .ui-grid-row:nth-child(odd),
.c-ui-grid.expand-grid .ui-grid-row:nth-child(even),
.c-ui-grid.expand-grid .ui-grid-row {
    background-color: #fff !important;
}

.c-ui-grid.expand-grid .ui-grid-row:nth-child(odd),
.c-ui-grid.expand-grid .ui-grid-row:nth-child(even),
.c-ui-grid.expand-grid .ui-grid-row {
    padding-bottom: 30px;
}

/* .c-ui-grid .ui-grid-cell input {
    width: 100%;
    height: 100%;
} */

.c-ui-grid input[type="text"].ui-grid-filter-input {
    height: 100%;
    border: 0;
    border-radius: 3px;
    padding: 0 5px;
}

.c-ui-grid.header-white-space .ui-grid-cell-contents {
    white-space: initial !important;
}

.c-ui-grid .ui-grid-header-canvas {
    min-height: 36px;
}

.c-nav-grid.c-ui-grid .ui-grid-contents-wrapper {
    min-height: auto !important;
}

.c-nav-grid .ui-grid-row-selected *,
.c-nav-grid .ui-grid-row-selected {
    background-color: #209e91 !important;
    color: #fff;
}

/*================================================*/

.sub-nav {
    margin-left: 0 !important;
}

.sub-nav .active {
    background-color: #209e91 !important;
    border-color: #209e91 !important;
}

.ng-cloak {
    display: none;
}

.list-group-item sub {
    bottom: 3px;
}

.sub-title.navbar-brand {
    padding: 0 35px;
    color: #209e91 !important;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    font-size: 14px;
}

.sub-title.navbar-brand.active {
    visibility: visible;
}

.sub-title.nav {
    margin-left: 200px;
}

.active.sub-nav-active {
    background-color: #e7e7e7 !important;
    border-color: #e7e7e7 !important;
    color: #555;
}

.list-group-item.active .btn-group.dropdown button * {
    color: #fff;
}

.list-group-item {
    display: flex;
    align-items: center;
}

.list-group-item div:nth-child(1) {
    padding: 0 15px 0 0;
    color: red;
}

.list-group-item div:nth-child(1) i.active {
    background: none;
    background-color: transparent !important;
    color: #209e91;
}

.list-group-item div:nth-child(2) {
    padding: 0 15px 0 0;
    flex: 1;
}

.ui-grid-menu-mid {
    height: auto !important;
    max-height: none !important;
}
